<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单域 form 表单域action url 地址 method 提交方式 name 表单名称-->
    <form action="a" method = "POST" name="name">
        <!-- input type 属性值 -->
        <!-- text 正常显示 password  -->
        用户名：<input type="text" name = "username" value = "请输入用户名"> <br/>
        密码：<input type="password" name = "password"> <br/>
        <!-- radio 单选按钮 必须有相同的name才可以实现多选一-->
        <!-- 多选按钮checkbox -->
        性别：男<input type = "radio" name = "sex" value = "男"> 女<input type = "radio" name = "sex" value = "女"><br/>
        爱好：打球<input type = "checkbox" name = "hpbby"> 敲代码<input type = "checkbox" name = "hpbby">

    </form>
</body>
</html>
